<template>
  <nav class="topnav navbar navbar-expand-lg navbar-dark bg-primary fixed-top">
    <div class="container-fluid">
      <a class="navbar-brand" href="./index.html"
        ><i class="fas fa-anchor mr-2"></i><strong>解忧</strong>
      </a>
      <button
        class="navbar-toggler"
        type="button"
        data-action="offcanvas-open"
        data-target="#navbarColor02"
        aria-controls="navbarColor02"
        aria-expanded="false"
        aria-label="Toggle navigation"
      >
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="navbar-collapse offcanvas-collapse" id="navbarColor02">
        <ul class="navbar-nav mr-auto d-flex align-items-center">
          <li class="nav-item">
            <a class="nav-link" href="./index.html">Intro</a>
          </li>
          <li class="nav-item dropdown">
            <a
              class="nav-link dropdown-toggle"
              href="#"
              id="navbarDropdown"
              role="button"
              data-toggle="dropdown"
              aria-haspopup="true"
              aria-expanded="false"
            >
              Examples
            </a>
            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
              <a class="dropdown-item" href="./landing.html">Home Landing</a>
              <a class="dropdown-item" href="./login.html">User Login</a>
              <a class="dropdown-item" href="./blog.html">Blog Index</a>
              <a class="dropdown-item" href="./page.html">Sample Page</a>
            </div>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="./docs.html">Docs</a>
          </li>
        </ul>
        <ul class="navbar-nav ml-auto d-flex align-items-center">
          <li class="nav-item">
            <span class="nav-link" href="#">
              <a
                class="btn btn-info btn-round shadow-sm"
                href="#"
                data-toggle="modal"
                data-target="#modal_newsletter"
                ><i class="fas fa-cloud-download-alt"></i> Download UI Kit
                <a
                  href="https://github.com/wowthemesnet/Anchor-Bootstrap-UI-Kit/archive/master.zip"
                  class="downloadzip hidden"
                ></a>
              </a>
            </span>
          </li>
        </ul>
      </div>
    </div>
  </nav>
</template>

<script setup lang="ts">

</script>
